<template>
    <div>

        <el-form ref="ruleForm" label-width="80px" class="demo-ruleForm">
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="所属项目" class="input">
                        <el-input size="small" :value="checkCase.project.title" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="样 本 点" class="input">
                        <el-input size="small" :value="checkCase.sample.name" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="所属社区" class="input">
                        <span v-if="checkCase.sample.communities.length > 0">
                            <el-input size="small" :value="checkCase.sample.communities[0].name"
                                      disabled></el-input></span>
                        <span v-else><el-input size="small" value="暂未分配" disabled></el-input></span>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="复查状态" class="input">
                        <span v-if="checkCase.review_status === 2">
                              <el-input size="small" value="已复查" disabled></el-input>
                        </span>
                        <span v-else><el-input size="small" value="暂未复查" disabled></el-input></span>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="复 查 人" class="input">
                        <el-input size="small" :value="checkCase.user !== null ? checkCase.user.username : '暂未复查'" disabled></el-input>
                    </el-form-item>
                </el-col>

                <el-col :span="24">
                    <el-form-item label="案件描述" class="input">
                        <el-input size="small" :value="checkCase.remark" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="案件图片">
                        <el-image
                              
                                :src="checkCase.syncUrl"
                                :preview-src-list="checkCase.syncImg">
                        </el-image>

                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="复查图片">
                        <div style="display: flex;flex-direction: row!important; ">
                            <div style="display: flex;"  v-for="(item,index) in checkCase.review_img" :key="index">
                                <el-image :src="item.img_path" :preview-src-list="checkCase.new_path">
                                </el-image>
                            </div>
                        </div>
                    </el-form-item>
                </el-col>
                <el-col :span="24" v-show="checkCase.desc">
                    <el-form-item label="补充说明">
                        <el-input size="small" :value="checkCase.desc" disabled></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-form-item label="审核结果" class="input">
                         <span v-if="checkCase.audit_result === 1">
                              <el-input size="small" value="已整改" disabled></el-input>
                        </span>
                        <span v-else-if="checkCase.audit_result === 2">
                              <el-input size="small" value="未整改" disabled></el-input>
                        </span>
                        <span v-else-if="checkCase.audit_result === 3">
                              <el-input size="small" value="反弹" disabled></el-input>
                        </span>
                        <span v-else-if="checkCase.audit_result === 4">
                              <el-input size="small" value="不合格" disabled></el-input>
                        </span>
                        <span v-else><el-input size="small" value="未审核" disabled></el-input></span>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </div>
</template>

<script>
export default {
    name: "index",
    props: {
        checkCase: {
            type: [String, Object, Array],
            default: ``
        },
        unReasonShow:{
            type:Boolean,
            default: false
        }
    },
    data() {
        return {
            noHg:this.unReasonShow
        }
    },
    methods: {
    
    }
}
</script>

<style scoped>
.input >>> .is-disabled .el-input__inner {
    background-color: white;
    color: #101117 !important;
}
</style>
